<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>知识产权</title>
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/common.css">
		<script src="js/common.js"></script>
	</head>

	<body>
		<!--header-->
		<header>
			<img src="images/logo.png" alt="" />
			<span>鑫彭知识产权</span>
			<img src="images/list.png" alt="" />
		</header>
		<!--banner-->
		<div class="banner">
			<img src="images/banner.png" />
		</div>
		<!--登记-->
		<div class="register">
			<div class="find">
				<div class="line"></div>
				<p>版权登记 </p>
				<form action="#">
					<input type="text" / placeholder="请输入版权名称">
					<button>立即免费查询</button></form>
				<p>先查询后注册&emsp;&emsp;已有<span>888888</span>人查询</p>
			</div>
			<div class="find_second">
				<p>免费查看查询结果</p>
				<form action="#">
				<span>版权名称：</span>
				<input type="text" placeholder="版权名称" / >
				<span>手机号码：</span>
				<input type="text" placeholder="请填写本人号码，以防信息外泄" />
				<button>查看结果</button>
				</form>
			</div>
		</div>
	<!--作品登记-->
	<div class="works_register">
		<div class="header_works_register"></div>
		<div class="works">
			<img src="images/work.png" alt="" />
			<span>作品登记</span>
		</div>
		<div class="bg_img">
			<ul>
				<li><img src="images/T.png"/><span>文字作品</span></li>
				<li><img src="images/paint.png"/><span>美术作品</span></li>
				<li><img src="images/photo.png"/><span>摄影作品</span></li>
			</ul>
	    </div>
	    	<div class="bg_img02">
			<ul>
				<li><img src="images/music.png"/><span>音乐作品</span></li>
				<li><img src="images/floor.png"/><span>建筑作品</span></li>
				<li><img src="images/other.png"/><span>其他作品</span></li>
			</ul>
	    </div>
	</div>
	<!--软件版权-->
	<div class="soft">
		<div class="block"></div>
		<div class="soft_works">
			<img src="images/work.png" alt=""/>
			<span>软件版权</span>
		</div>
		<div class="soft_img">
			<ul>
				<li> <img src="images/s.png"/><span>网页著作片</span> </li>
				<li><img src="images/Phone.png"/><span>手机APP著作权</span></li>
			</ul>
		</div>
		<div class="soft_img02">
			<ul>
				<li> <img src="images/PC.png"/> <span>软件系统著作权</span></li>
				<li><img src="images/Thumbnails.png"/><span>其他著作权</span></li>
			</ul>
		</div>
		<div class="block02"></div>
	</div>
	<!--版权服务指南-->
	<div class="center">
			<div class="serve">
			<img src="images/work.png" alt=""/>
			<span>版权服务指南</span>
		     </div>
		     <div class="lists">
		     	<ul>
		     		<li><img src="images/data.png"/><h1>准备资料</h1><p>如何查询近似商标，提高注册成功率？</p><span>&gt;</span></li>
		     		<li class="first"><img src="images/apply.png"/><h1>提交申请</h1><p>如何书写各项提交资料的正确格式？</p><span>&gt;</span></li>
		     		<li class="second"><img src="images/serch.png"/><h1>实质审查</h1><p>如何辨别商标受理通知书是真是假？</p><span>&gt;</span></li>
		     		<li class="third"><img src="images/tells.png"/><h1>初审公告</h1><p>商标初审公告期是多久？</p><span>&gt;</span></li>
		     		<li class="four"><img src="images/succes.png"/><h1>注册成功</h1><p>商标注册证什么时候下发？</p><span>&gt;</span></li>
		     	</ul>
		     </div>
		    <div class="block"></div> 
	</div>
	<!--版权登记答疑-->
	<div class="content">
	    <div class="content_works">
			<img src="images/work.png" alt=""/>
			<span>版权登记答疑</span>
		</div>
		<div class="lists">
			<ul>
				<li>
					<span>[荐]</span><p>注册商标流程及费用</p><span>&gt;</span>
					<p>如何查询近似商标，提高注册成功率？</p>
				</li>
				<li><span>[荐]</span><p>注册商标流程及费用</p><span>&gt;</span>
					<p>如何查询近似商标，提高注册成功率？</p></li>
				<li><span>[荐]</span><p>注册商标流程及费用</p><span>&gt;</span>
					<p>如何查询近似商标，提高注册成功率？</p></li>
			</ul>
		</div>
	</div>
	<!--信息-->
	<div class="msg">
		<p>北京鑫彭知识产权版权所有</p>
	</div>
	<!--咨询-->
	<div class="hotline">
		<div class="wrap">
		<ul>
			<li>
				<img src="images/home.png"/>
				<h2>首页</h2>
			</li>
			<li>
				<img src="images/Messages.png"/>
				<h2>在线咨询</h2>
			</li>
			<li>
				<img src="images/hotline.png"/>
				<h2>免费热线</h2>
			</li>
		</ul>
		</div>

		
	</div>
	</body>
</html>